<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>新增学生成绩</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
    <style>
        body {
            background-color: #f8f9fa;
            padding: 20px;
        }

        .container {
            max-width: 450px;
            margin: 100px auto;
            background-color: #ffffff;
            padding: 30px;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
        }

        h3 {
            text-align: center;
            margin-bottom: 30px;
            color: #333333;
        }

        ul {
            padding: 0;
            list-style: none;
        }

        li {
            margin-bottom: 15px;
        }

        .form-control {
            height: 40px;
            font-size: 16px;
        }

        .btn-block {
            width: 100%;
        }

        .btn-primary {
            background-color: #007bff;
            border-color: #007bff;
        }

        .btn-primary:hover {
            background-color: #0069d9;
            border-color: #0062cc;
        }
    </style>
</head>
<body>
<div class="container">
    <h3>新增学生成绩</h3>
    <form action="/insertScore" method="post">
        <ul>
            <li>
                <select name="studentName" class="form-control">
                    <option value="">请选择学生</option>
                    <option th:each="student : ${student}" th:value="${student.username}" th:text="${student.username}"></option>
                </select>
            </li>
            <li>
                <select name="semesterName" class="form-control">
                    <option value="">请选择学期</option>
                    <option th:each="semester : ${semester}" th:value="${semester.semesterName}" th:text="${semester.semesterName}"></option>
                </select>
            </li>
            <li>
                <input class="form-control" type="text" name="c_language" placeholder="请输入c语言成绩">
            </li>
            <li>
                <input class="form-control" type="text" name="java_language" placeholder="请输入java成绩">
            </li>
            <li>
                <input class="form-control" type="text" name="python_language" placeholder="请输入python成绩">
            </li>
        </ul>
        <button class="btn btn-primary btn-lg btn-block">保存</button>
    </form>
</div>
</body>
</html>
